import React from 'react'
import Menu from './Menu'

import styles from './index.less'

function Menus (props) {
  const { menus = [] } = props
  return (
    <ul className={styles['menus']}>
      {
        menus.map((menu, index) => {
          return (
            <Menu {...menu} key={index} />
          )
        })
      }
    </ul>
  )
}

export default Menus